﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />

   <!-- <link href="Themes/Styles/jquery.mobile-1.3.2.min.css" rel="stylesheet" type="text/css" />
    <link href="Themes/Styles/jquery.mobile.simpledialog.min.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile.simpledialog.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile.message.min.js" type="text/javascript"></script>
    <script src="Scripts/H2m.js" type="text/javascript"></script>--> 
   
    <link href="Themes/Styles/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css" />
    <link href="Themes/Styles/jquery.mobile.simpledialog.min.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile-1.0.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile.message.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile.simpledialog.js" type="text/javascript"></script>
    <script src="Scripts/H2m.js" type="text/javascript"></script>
     

    <script type="text/javascript">

        $(document).ready(function () {
           
            HandleEventsLoginPage()
        });

        

	</script>

</head>
<body>
    <div data-role="page" data-theme="a">
     <div data-role="header">
            <h1> Welcome to H2M</h1>
        </div>
        <div data-role="content">
           <div data-role="navbar" id="navbar">
                <ul>
                    <li><a href="#" class="ui-btn-active" data-tab-class="tabLogin">Login</a></li>
                    <li><a href="#" data-tab-class="tabRegistration">Registration</a></li>
                </ul>
            </div>

           <div class="tab-content" style="width: 100%">

                <div class="tabLogin">
                    <div>
                        <label class="label" for="url">
                            Username:*</label>
                        <input class="required" id="txtLoginUserName" name="uid_r" type="text" data-theme="b"
                            value="">
                    </div>
                    <div>
                        <label class="label" for="url">
                            Password:*</label>
                        <input id="txtLoginPassword" name="pwd_r" type="password" data-theme="b" value="">
                    </div>
                    <a id="loginButton" data-role="button" data-mini="true" data-theme="b">Login</a> 
                </div>

                <div class="tabRegistration ui-screen-hidden">
                    <div>
                        <label for="name">
                            Text Pin #1:</label>
                        <input type="text" name="txtPin1" id="txtPin1" value="" class="txtPin" placeholder="Please enter Pin #1" />
                    </div>
                    <div>
                        <label for="url">
                            Email:*</label>
                        <input id="Password2" name="pwd_r" type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="url">
                            Password:*</label>
                        <input class="required" id="Text3" name="uid_r" type="text" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="url">
                            Name:*</label>
                        <input id="Password3" name="pwd_r" type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="url">
                            Block:*</label>
                        <select name="selectBlock" id="selectBlock">
                        </select>
                    </div>
                    <div>
                        <label for="url">
                            Door:*</label>
                        <input id="Password3" name="pwd_r" type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="url">
                            Phone:*</label>
                        <input id="Password3" name="pwd_r" type="password" data-theme="b" value="">
                    </div>
                    <div>
                        <label for="url">
                            Secondary Phone:*</label>
                        <input id="Password3" name="pwd_r" type="password" data-theme="b" value="">
                    </div>
                     <a id="registerButton" data-role="button" data-mini="true" data-theme="b">Register</a> 
                </div>
            </div>

        </div>
    </div>
</body>
</html>
